html {
  height: 100%;
}

body {
  height: 100%;
}

#app {
  height: 100%;
}

.app {
  height: 100%;
}

.font {
  font: 96px "微软雅黑"; /*设置字体和字体大小*/
  margin: 20px auto; /*设置元素外边距*/
  font-weight: 500; /*设置字体粗细*/
  text-align: center; /*设置文字居中*/
  color: #353f42; /*设置文字颜色*/
  -webkit-animation: swing 2s infinite; /*设置动画*/
}

@-webkit-keyframes swing { /*创建动画*/
  20% {
    -webkit-transform: rotate(10deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}

.flicker {
  -webkit-animation: flicker 3s infinite; /*设置动画*/
}
@-webkit-keyframes flicker { /*创建动画*/
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}




.slide-fade-enter-active {
  transition: all 0.3s ease-out;
}

.slide-fade-leave-active {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-fade-enter-from,
.slide-fade-leave-to {
  transform: translateX(20px);
  opacity: 0;
}
